<template>
  <div class="demand-detail-wrapper">
    <div class="navbar flex-x-bet-y-center">
      <i
        class="el-icon-back back"
        @click="$router.back()"
      ></i>
      <div >需求详情</div>
      <div class="empty"></div>
    </div>

   <div class="detail-box" >
      <DemandDetail :id="id"></DemandDetail>
   </div>
  </div>
</template>

<script>
import DemandDetail from '@/components/DemandDetail.vue'
export default {
  name: "MineDemandDetail",
  components:{
    DemandDetail
  },
  data(){
    return{
      id: ''
    }
  },
  created() {
    this.id = this.$route.params.id;
  },
  
};
</script>

<style lang="scss" scoped>
.demand-detail-wrapper {
  width: 100%;
  background: #fff;
  margin: 0 auto 30px;
  box-sizing: border-box;
}

.navbar {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 26px;
  color: #333333;
  padding: 20px 30px;
  text-align: center;

  .back {
    cursor: pointer;
  }
}

.detail-box{
  padding: 40px;
}

</style>
